import React, { Component } from 'react'

export default class App extends Component {
  handleChange = (e) => {
    // 这样就能拿到非受控的 input 的数据啦
    // console.log(e.target.value)
    // 边输入边把内容怼到实例上的 inputValue 这个属性
    this.inputValue = e.target.value
  }
  handleClick = () => {
    console.log(this.inputValue)
  }
  render() {
    return (
      <div>
        {/* 获取非受控的 input 输入的内容 */}
        <input type='text' onChange={this.handleChange} />
        <button onClick={this.handleClick}>获取input中的数据</button>
      </div>
    )
  }
}
